$title-size: 40rpx;
$title-color: #bd34fe;
.contentWhite {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 200rpx;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
	pointer-events: none;
	transition: opacity 0.3s linear;
	z-index: 20;
}

.contentWhite-in {
	opacity: 1;
}

.contentWhite-out {
	opacity: 0;
}

.tableBorder{
	border-left: 2rpx solid #D0B798;
	border-top: 2rpx solid #D0B798;
	
	.col{
		padding: 14rpx;
		width: 25%;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border-right: 2rpx solid #D0B798;
		border-bottom: 2rpx solid #D0B798;
		word-break: break-all;
	}
	
	.tableCellTitle {
		display: flex;
		flex-wrap: wrap;
		min-height: 56rpx;
		background: #D0B798;
		font-size: 26rpx;
		color: #483D33;
	}

	.tableCell {
		display: flex;
		flex-wrap: wrap;
		min-height: 80rpx;
		font-size: 26rpx;
		color: #BA9261;
	}
}

::v-deep .u-subsection{
	padding: 8rpx !important;
	border-radius: 20rpx !important;
	
	.u-item-bg{
		border-radius: 12rpx !important;
		height: 56rpx !important;
		bottom: 8rpx !important;
		margin: 0 2rpx !important;
		background: linear-gradient(180deg, #7dee5a, #73de55) !important;
	}
}

.bottomPopup, .calendarPopup{
	:deep(.u-drawer-bottom){
		background-color: #00000000 !important;
	}
}

.subsection{
	:deep(.u-tabs){
		background-color: #A37D4B !important;
		border-radius: 20rpx !important;
		.u-tab-item{
			z-index: 2;
			line-height: 70rpx !important;
			width: 180rpx !important;
			padding: 0 20rpx !important;
		}
		.u-tab-bar{
			background-color: #D9BD9A !important;
			border-radius: 12rpx !important;
			height: 54rpx !important;
			left: -64rpx;
			bottom: -46rpx !important;
			margin: 0 2rpx !important;
			width: 162rpx !important;
		}
	}
}
//这里有适配问题
// ::v-deep.u-switch {
// 	width: 100rpx !important;
// 	height: 48rpx !important;
// 	border: 2rpx solid #BA9362 !important;
// 	border-radius: 48rpx !important;
// 	.u-switch__node {
// 		top: 4rpx !important;
// 		left: 4rpx !important;
// 	}
// }
// ::v-deep.u-switch--on{
// 	.u-switch__node {
// 		transform: translateX(140%) !important;
// 	}
// }

::v-deep.u-switch::before {
	position: absolute;
	left: 17rpx;
	color: #fff;
	content: "开";
	font-size: 26rpx;
	top: 50%;
	transform: translateY(-50%);
}

::v-deep.u-switch::after {
	position: absolute;
	color: #999;
	content: "关";
	right: 18rpx;
	left: unset !important;
	font-size: 26rpx;
	top: 50%;
	transform: translateY(-50%);
}

.u-select__header {
	background-color: #fff!important;
}

.myCollapse{
	
	:deep(.u-icon-wrap) {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff
	}
	
	.collapseTitle{
		width: 100%;
		border-bottom: 2rpx solid #BA9261;
		
		.collapseBox{
			height: 28rpx;
			width: 192rpx;
			background-size: 100% 100%;
			margin: 0 auto;
		}
	}
}

.customRadio{
	max-height: 700rpx;
	overflow-y: auto;
	margin-bottom: 140rpx;
}


.calendarPopup{
	:deep(.popup--u-drawer-content){
		background-color: #00000000 !important;
	}
	
	:deep(.u-calendar) {
		background-color: #00000000 !important;
		
		.u-calendar__header{
			background-color: #00000000 !important;
		}
		
		.u-calendar__action, .u-calendar__week-day, .u-calendar__content, .u-calendar__content__bg-month{
			background: #F3ECE4 !important;
		}
		
		.u-calendar__content__bg-month{
			color: #BA926150 !important;
		}
		
		.u-calendar__bottom{
			background: #F3ECE4 !important;
			
			.u-calendar__bottom__btn{
				display: flex;
				justify-content: center;
				align-items: center;
				height: 80rpx;
				width: 540rpx !important;
				background-color: #00000000 !important;
				font-weight: 600;
				font-size: 32rpx;
				color: #ffffff;
				margin-bottom: 60rpx;
				
				.u-btn--primary{
					background-color: #00000000 !important;
					font-weight: 600 !important;
					font-size: 32 !important;
					color: #ffffff !important;
					width: 540rpx !important;
				}
			}
		}
	}
}

.mapBox {
	margin-top: 20rpx;
	border-radius: 16rpx;
	border: 2rpx solid #BB9362;
	overflow: hidden;
	position: relative;

	.map {
		width: 100%;
		height: 340rpx;
	}

	.mapText {
		position: absolute;
		bottom: 0;
		width: 100%;
		background: #ffffff;
		padding: 0 8rpx;
	}

	.mapBtn {
		position: absolute;
		top: 10rpx;
		right: 10rpx;
		display: flex;
		flex-direction: column;
		align-items: center;

		.mapImage {

			image {
				width: 54rpx;
				height: 54rpx;
			}
		}

		.enable {
			width: 60rpx;
			height: 60rpx;
			background: #ffffff;
			border: 2rpx solid #C6C6CA;
			border-radius: 4rpx;
			opacity: 0.85;
			font-size: 64rpx;
			font-weight: 600;
			text-align: center;
			line-height: 48rpx;
		}
	}
}

.selectPeoplePopup{
	:deep(.u-index-bar__sidebar){
		color: #B99260 !important;
		font-size: 24rpx;
	}
}

// :deep(.mescroll-empty){
// 	.empty-icon{
// 		width: 380rpx !important;
// 		height: 147rpx !important;
// 	}
	
// 	.empty-tip{
// 		text-align: center !important;
// 		font-size: 24rpx !important;
// 		color: #B9A592 !important;
// 		margin-top: -20rpx !important;
// 	}
// }
